<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> 属性选择器 </title>
    <style>
/* div[id]{
    color: blue;
}

div[id='3']{
    font-size: 60px;
} */

p[class ^= 'user']{
    color: red;
}

p[class $= 'Name']{
    font-size: 40px;
}

p[class *= '2']{
    text-decoration: line-through;
}
    </style>
</head>
<body>
    <!-- <div>盒子1</div>
    <div id="2">盒子2</div>
    <div id="3">盒子3</div> -->
    <P class="userName">段落1</P>
    <P class="user2Money">段落2</P>
    <P class="numbe2rName">段落3</P>
    <P>段落4</P>


    <form action="">
        <input type="text" name="username">
        <input type="text" name="passwprd"> 
    </form>
</body>
</html>